<!-- 修改轨迹信息弹出框 -->
<template>
  <div class="log-modal">
    <a-modal
      :maskClosable="false"
      :title="logModal.title"
      v-model="logModal.visible"
      width="50%">
      <a-timeline style="height: 500px;overflow: auto;padding: 20px;border: 1px solid #e8e8e8;">
        <a-timeline-item v-for="(item, index) in activities" :key="index">
          <a-icon slot="dot" :type="item.icon" style="font-size: 16px;" :style="{ color: item.color }" />
          <a-card hoverable>
            <p>{{ item.content }}</p>
            <p>{{ item.user }} 提交于 {{ item.timestamp }}</p>
          </a-card>
        </a-timeline-item>
      </a-timeline>
    </a-modal>
  </div>
</template>

<script>
export default {
  name: '',
  components: {
  },
  props: {
    logModal: {
      type: Object,
      default: () => {}
    }
  },
  data () {
    return {
      activities: [{
        timestamp: '2020-08-20 20:46',
        icon: 'plus',
        color: 'blue',
        content: '案卷添加',
        user: 'admin'
      }, {
        timestamp: '2020-08-20 20:46',
        icon: 'edit',
        color: 'orange',
        content: '案卷修改',
        user: 'admin'
      }, {
        timestamp: '2020-08-20 20:46',
        icon: 'edit',
        color: 'orange',
        content: '案卷修改',
        user: 'admin'
      }, {
        timestamp: '2020-08-20 20:46',
        icon: 'edit',
        color: 'orange',
        content: '案卷修改',
        user: 'admin'
      }, {
        timestamp: '2020-08-20 20:46',
        icon: 'edit',
        color: 'orange',
        content: '案卷修改',
        user: 'admin'
      }, {
        timestamp: '2020-08-20 20:46',
        icon: 'delete',
        color: 'red',
        content: '案卷删除',
        user: 'admin'
      }]
    }
  },
  created () {
  },
  mounted () {
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
</style>
